<template>
  <div class="person">
    <h2>ModelDemo</h2>
    <div>{{ 'msg：' + msg }}</div>
    <div>{{ 'num：' + num }}</div>
    <div><button @click="changeMsg">更改</button></div>
    <TestB v-model="msg" v-model:num="num" />
  </div>
</template>

<script lang="ts" setup name="ModelDemo">
import { ref } from 'vue'
import TestB from '@/components/study/TestB.vue'

const msg = ref('66');
const num = ref(0);
const changeMsg = () => {
  msg.value += '父组件';
  num.value ++;
}
</script>